<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.test p {
				width: 114px;
				border: 1px solid #0000FF;
			}
			.test .normal > p {
				word-break: normal;
			}
			/*允许非亚洲语言文本行的任意字内断开，例如连续的英文字母和数字*/
			.test .break-all > p {
				word-break: break-all;
			}
			.test .keep-all > p {
				word-break: keep-all;
			}
		</style>
	</head>

	<body>
		<ul class="test">
			<li class="normal">
				<strong>normal：</strong>
				<p>For longer-form conversations about React, we’ve set up a discussion forum at discuss.reactjs.org. This forum is a great place for discussion about best practices and application architecture as well as the future of React. If you have an answerable code-level question, please post it to Stack Overflow instead.</p>
			</li>
			<li class="break-all">
				<strong>break-word：</strong>
				<p>aaabbbcccdddeeefffgggh=mmmnnn</p>
			</li>
			<li class="keep-all">
				<strong>keep-all：</strong>
				<p>aaabbbcccdddeeefffggghh=mmnnn</p>
			</li>
		</ul>
	</body>

</html>